body.command-workspace {
  --command-rail-width: 276px;
  --rail: var(--command-rail-width);
  background: radial-gradient(ellipse at 85% 8%, rgb(0 106 194 / .09), transparent 45%), var(--bg);
}
body.command-workspace.command-rail-folded { --command-rail-width: 84px; }
body.command-workspace > main { margin-inline-start: var(--command-rail-width); min-width: 0; padding: 26px 28px; }
body.command-workspace > .workspace-footer { margin-inline-start: var(--command-rail-width); }
.command-workspace .topbar { border-bottom-color: #194c6d; }
.command-workspace .command-nav-toggle { flex: 0 0 44px; min-width: 44px; height: 44px; }
.command-workspace .rail.command-rail {
  width: var(--command-rail-width); display: flex; flex-direction: column; gap: 0;
  inset-block: var(--top) 0; inset-inline-start: 0; inset-inline-end: auto;
  padding: 0; z-index: 48; overflow: hidden;
  border-inline-end: 1px solid #225479;
  background: linear-gradient(160deg, #071b2b, #03101a 68%);
  box-shadow: 7px 0 28px rgb(0 111 216 / .06); color: #dfedfc;
}
.command-rail-heading { display: flex; align-items: center; gap: 12px; padding: 22px 19px; min-height: 90px; flex: 0 0 auto; border-bottom: 1px solid #19364d; }
.command-rail-emblem { display: grid; place-items: center; width: 39px; height: 43px; flex: 0 0 39px; border: 1px solid #318bcc; border-radius: 9px 3px 9px 3px; background: linear-gradient(135deg,#07588c,#07283f); color: #7adfff; box-shadow: inset 0 0 12px #33b3ff24,0 0 15px #0086ff26; font-size: 18px; }
.command-rail-heading b { display: block; font-size: 15px; letter-spacing: 2px; }
.command-rail-heading small { display: block; font-size: 9px; letter-spacing: 1px; margin-top: 5px; color: #88adca; }
.command-rail .command-rail-close { display: none; }
.command-rail-links { padding: 17px 12px; overflow-y: auto; overscroll-behavior: contain; min-height: 0; flex: 1; scrollbar-width: thin; scrollbar-color: #265378 transparent; }
.command-nav-group + .command-nav-group { margin-top: 24px; }
.command-nav-group > h2 { margin: 0 10px 10px; color: #7e9db8; font: 500 10px/1.5 var(--font); letter-spacing: 1.5px; text-transform: uppercase; }
.rail.command-rail .command-nav-group > a { position: relative; display: flex; flex-direction: row; justify-content: flex-start; gap: 12px; min-height: 49px; padding: 6px 10px; margin: 3px 0; border: 1px solid transparent; border-radius: 8px; font: 500 13px/1.3 var(--font); text-align: start; color: #acbfd2; }
.command-nav-icon { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 32px; border: 1px solid #21415c; border-radius: 7px; background: #0b2030; color: #7fb8db; font-size: 14px; }
.rail.command-rail .command-nav-group > a.active { color: #eefaff; border-color: #22679a; background: linear-gradient(100deg,#07589c70,#07457522); box-shadow: inset 3px 0 0 #3bbdff, 0 0 15px #0075ff16; }
html[dir="rtl"] .rail.command-rail .command-nav-group > a.active { box-shadow: inset -3px 0 0 #3bbdff, 0 0 15px #0075ff16; }
.command-nav-group > a.active .command-nav-icon { background: #075086; border-color: #3dacf1; color: #c2f5ff; box-shadow: 0 0 12px #138cff42; }
.rail.command-rail .command-nav-group > a:hover { border-color: #285775; background: #10375080; color: #fff; }
.command-nav-indicator { flex: 0 0 4px; width: 4px; height: 4px; margin-inline-start: auto; border-radius: 50%; background: #49ccff; opacity: 0; box-shadow: 0 0 8px #39c2ff; }
.active > .command-nav-indicator { opacity: 1; }
.command-rail-bottom { padding: 12px; flex: 0 0 auto; border-top: 1px solid #19364d; background: #04121ded; }
.command-rail-signal { display: flex; gap: 8px; align-items: center; margin: 0 7px 12px; color: #8cacc5; font-size: 8px; letter-spacing: .8px; }
.command-rail-signal small { margin-inline-start: auto; color: #3c809f; }
.rail.command-rail .command-pilot { display: flex; flex-direction: row; justify-content: flex-start; min-height: 58px; gap: 10px; padding: 9px; background: #0a2234; border: 1px solid #234964; border-radius: 8px; text-align: start; }
.command-pilot > img { width: 34px; height: 34px; border: 1px solid #4d98c7; border-radius: 50%; object-fit: cover; flex: 0 0 34px; }
.command-pilot > span { min-width: 0; }
.command-pilot b { display: block; color: #e4f1ff; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 138px; }
.command-pilot small { display: block; color: #8fb0c9; font-size: 9px; margin-top: 4px; }
.command-pilot > i { margin-inline-start: auto; color: #67a1c5; }
.rail.command-rail .command-switch { display: flex; flex-direction: row; min-height: 38px; margin-top: 7px; font-size: 10px; gap: 7px; color: #8daec8; }
.command-rail-folded .command-rail-heading { padding-inline: 21px; }
.command-rail-folded .command-rail-heading > div,
.command-rail-folded .command-nav-label,
.command-rail-folded .command-nav-indicator,
.command-rail-folded .command-pilot > span,
.command-rail-folded .command-pilot > i,
.command-rail-folded .command-rail-signal,
.command-rail-folded .command-switch { display: none !important; }
.command-rail-folded .command-nav-group > h2 { height: 1px; overflow: hidden; color: transparent; margin: 8px; background: #22435d; }
.command-rail-folded .rail.command-rail .command-nav-group > a { justify-content: center; padding: 6px; }
.command-rail-folded .command-rail-bottom { padding: 9px; }
.command-rail-folded .rail.command-rail .command-pilot { justify-content: center; padding: 6px; }
.command-nav-backdrop[hidden] { display: none; }
.command-nav-backdrop { position: fixed; inset: 0; z-index: 109; border: 0; padding: 0; background: rgb(0 7 15 / .72); cursor: pointer; }
.command-heading { position: relative; isolation: isolate; overflow: hidden; padding: 25px 27px; border: 1px solid #255573; border-radius: 12px; background: linear-gradient(115deg,#071e30,#06131f 68%); gap: 20px; }
.command-heading > * { position: relative; z-index: 1; min-width: 0; }
.command-heading::before { content: ''; position: absolute; width: 270px; height: 270px; inset-inline-end: -65px; top: -110px; border: 1px solid #2786ba40; border-radius: 50%; box-shadow: 0 0 0 28px #176b9820,0 0 0 58px #1c679511,0 0 70px #0072d22b; pointer-events: none; }
.command-heading h1 { font-size: clamp(25px,2.4vw,35px); line-height: 1.2; color: #e6f4ff; }
.command-heading p { color: #96b1c8; max-width: 720px; font-size: 13px; line-height: 1.6; }
.command-heading .eyebrow { color: #63caff; font-size: 10px; letter-spacing: 1.8px; margin-bottom: 10px; }
.command-workspace .panel-head { background: linear-gradient(95deg,#0c2f482e,transparent); }
.command-workspace .panel-head h2 { display: flex; align-items: center; gap: 10px; }
.command-workspace .panel-head h2::before { content: ''; width: 4px; height: 13px; border-radius: 2px; flex: 0 0 4px; background: #4ccaff; box-shadow: 0 0 10px #1594ff66; }
.command-workspace .metric { border-radius: 10px; border-top-color: #27678d; background: linear-gradient(145deg,#09243c70,transparent 75%),var(--panel); }
.command-workspace .metric > i { color: #64cbff; }
.command-avatar-editor { display: flex; align-items: center; gap: 18px; margin-bottom: 24px; padding-bottom: 23px; border-bottom: 1px solid var(--line); }
.command-avatar-editor > img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; border: 2px solid var(--blue); }
.command-avatar-editor small { display: block; font-size: 11px; color: var(--muted); margin-top: 10px; line-height: 1.5; }
.command-avatar-editor [role="status"] { font-size: 12px; color: var(--cyan); margin-top: 7px; }
.account-avatar > img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.profile-identity .avatar > img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

/* Trading access: a quiet market terminal rather than a marketing hero. */
.auth-page { background: #020b13; }
.auth-page .topbar { background: #03111bf2; border-bottom-color: #193e58; }
.auth-page .command-auth-shell { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,440px); gap: 40px 70px; align-items: center; max-width: 1390px; margin-inline: auto; padding: 66px 65px 26px; min-height: calc(100svh - var(--top)); background: none; overflow: hidden; }
.command-auth-shell::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 18% 48%,#005fad22,transparent 58%),linear-gradient(#2a66820b 1px,transparent 1px),linear-gradient(90deg,#2a66820b 1px,transparent 1px); background-size: auto,44px 44px,44px 44px; }
.command-auth-ambient { position: absolute; inset-inline: 65px; top: 20px; display: flex; justify-content: space-between; font-size: 9px; letter-spacing: 2px; color: #577b9a; pointer-events: none; direction: ltr; }
.command-access-kicker { display: flex; align-items: center; gap: 9px; color: #79caed; font-size: 10px; letter-spacing: 1.5px; margin-bottom: 18px; }
.command-auth-scene { min-width: 0; }
.command-auth-scene > h2 { font: 600 clamp(34px,4vw,57px)/1.03 var(--font); letter-spacing: -1.5px; margin: 0; color: #eaf5ff; }
.command-auth-scene .command-access-gradient { color: #40beff; }
.command-auth-copy { color: #91acc2; font-size: 14px; line-height: 1.65; margin-top: 18px; max-width: 400px; }
.command-market { border: 1px solid #255b81; border-radius: 13px; padding: 20px 22px 12px; margin-top: 30px; background: linear-gradient(135deg,#071b2b,#03111b); box-shadow: 0 0 24px #078ef51c,inset 0 1px 0 #81d2ff14; position: relative; color: #e5f3ff; }
.command-market > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.command-market > header > div { display: flex; align-items: center; gap: 10px; }
.command-market b { font-size: 14px; letter-spacing: .5px; }
.command-market small { display: block; color: #91acc5; font-size: 10px; margin-top: 4px; }
.command-demo-label { color: #6eb5d9; border: 1px solid #22516d; padding: 5px 7px; border-radius: 4px; font-size: 8px; letter-spacing: 1px; }
.command-market-price { display: flex; align-items: baseline; gap: 12px; margin-top: 18px; direction: ltr; }
.command-market-price > strong { font: 500 32px/1 var(--font); letter-spacing: -1px; }
.command-market-price > span { color: #20dcaa; font-size: 12px; }
.command-market-price > small { margin-inline-start: auto; }
.command-candles { display: block; width: 100%; height: auto; max-height: 235px; margin-top: 15px; overflow: hidden; }
.command-market > footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 9px; color: #91aec5; border-top: 1px solid #15344c; padding-top: 11px; margin-top: 6px; }
.command-market > footer > span:first-child { display: flex; align-items: center; gap: 6px; color: #64cce7; }
.command-candle { transform-origin: center; animation: command-candle-reveal .55s both; animation-delay: var(--candle-delay); }
.command-access-features { display: flex; gap: 25px; margin-top: 22px; color: #9fbcd3; font-size: 11px; }
.command-access-features > span { display: flex; align-items: center; gap: 8px; }
.command-access-features i { color: #60cfff; }
.auth-page .command-auth-card { width: 100%; max-width: 440px; margin: 0; padding: 35px 32px; border-radius: 18px; background: linear-gradient(155deg,#0a1f30,#06121f); border-color: #316080; box-shadow: 0 0 32px #007ddd20,inset 0 1px 0 #c0eeff20,0 30px 70px #0005; }
.command-auth-card > .brand { justify-content: center; margin-bottom: 26px; }
.command-auth-card > .brand > img { width: 42px; height: 61px; filter: none; }
.command-auth-card h1 { font: 500 27px/1.3 var(--font); color: #e6f3ff; }
.command-auth-card > .hint { font-size: 11px; line-height: 1.6; color: #8faac2; }
.command-auth-card .field { color: #b5ccde; font-size: 12px; gap: 8px; }
.command-auth-card input:not([type="checkbox"]) { background: #03121e; border-color: #2a506d; min-height: 49px; color: #e9f6ff; border-radius: 8px; }
.command-auth-card input:focus-visible { outline: 2px solid #37bfff; outline-offset: 2px; }
.command-auth-card .checkbox-label { font-size: 11px; color: #aac1d4; }
.command-auth-card .btn[type="submit"] { min-height: 50px; margin-top: 8px; border-radius: 8px; }
.command-auth-card .auth-footer { color: #97b2c8; line-height: 1.6; }
.command-auth-card .auth-footer > a,.command-auth-card .admin-entry { color: #77cfff; }
.command-auth-footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; color: #668aa6; font-size: 9px; padding-top: 10px; border-top: 1px solid #1d405737; }
.command-auth-footer > span:first-child { letter-spacing: 1.5px; }

/* Skippable arrival, isolated from the dashboard layout. */
dialog.cockpit-arrival { position: fixed; inset: 0; margin: 0; width: 100vw; max-width: none; height: 100svh; max-height: none; padding: 34px clamp(20px,5vw,75px); border: 0; border-radius: 0; overflow: auto; background: #020a14; color: #eaf6ff; text-align: center; isolation: isolate; }
.cockpit-arrival:not([open]) { display: none; }
.cockpit-arrival[open] { display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.cockpit-arrival::backdrop { background: #020a14; }
.arrival-universe { position: absolute; inset: 0; overflow: hidden; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 50% 47%,#0046865e,transparent 60%),radial-gradient(#5fd5ff88 .8px,transparent 1px); background-size: auto,73px 61px; }
.arrival-grid { position: absolute; inset: 58% -30% -60%; background: linear-gradient(#149cff42 1px,transparent 1px),linear-gradient(90deg,#149cff42 1px,transparent 1px); background-size: 80px 55px; transform: perspective(360px) rotateX(55deg); animation: command-grid-flight 3.2s linear both; }
.arrival-orbit { position: absolute; inset: 50% auto auto 50%; width: min(76vw,660px); aspect-ratio: 1; border: 1px solid #168fff40; border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 35px #067bef0b,0 0 0 80px #067bef08,0 0 80px #057df520,inset 0 0 90px #046db318; }
.arrival-door { position: absolute; top: 0; bottom: 0; width: 50%; background: linear-gradient(120deg,#031220c9,#020b16d9); border-inline: 1px solid #33b9ff35; animation: command-airlock-left 1.6s cubic-bezier(.2,.8,.2,1) both; }
.arrival-door-left { left: 0; }
.arrival-door-right { right: 0; animation-name: command-airlock-right; }
.arrival-chart { position: absolute; width: min(78vw,1050px); inset: 24% auto auto 50%; transform: translateX(-50%); opacity: .16; }
.arrival-chart .command-candles { max-height: 440px; }
.arrival-topline { display: flex; justify-content: space-between; width: 100%; gap: 20px; color: #6aa6cd; font-size: 10px; letter-spacing: 2px; direction: ltr; }
.arrival-content { width: min(100%,540px); margin: 32px auto 24px; animation: command-arrival-reveal .8s .1s both; }
.arrival-portrait { width: 110px; height: 110px; padding: 7px; margin: 0 auto 23px; position: relative; border: 1px solid #42bfff; border-radius: 50%; box-shadow: 0 0 0 8px #168dff11,0 0 45px #007fff55; }
.arrival-portrait > img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.arrival-portrait > span { position: absolute; inset: -12px; border: 1px solid transparent; border-top-color: #77ddff; border-bottom-color: #2486da; border-radius: 50%; animation: command-pilot-orbit 3s linear infinite; }
.arrival-content .arrival-title { font: 400 clamp(23px,3vw,36px)/1.3 var(--font); margin: 0 0 8px; color: #a8cee8; }
.arrival-name { display: block; max-width: 100%; overflow-wrap: anywhere; color: #f2faff; font: 600 clamp(32px,5vw,57px)/1.1 var(--font); letter-spacing: -1px; }
.arrival-content > p { color: #8baec9; font-size: 14px; margin-top: 18px; line-height: 1.6; }
.arrival-route { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 30px 0 18px; color: #91bddb; font-size: 10px; }
.arrival-route > span:nth-of-type(odd) { color: #49caff; }
.arrival-route > i { width: 25px; height: 1px; background: #236390; }
.arrival-progress { height: 2px; background: #153f5d; width: min(310px,85%); margin: 0 auto 12px; overflow: hidden; }
.arrival-progress > span { display: block; height: 100%; transform-origin: left; background: #5cd6ff; box-shadow: 0 0 12px #2ec5ff; animation: command-arrival-progress 3.1s linear both; }
.arrival-caption { color: #6d9fc3; font-size: 10px; }
.arrival-controls { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; }
.cockpit-arrival .arrival-controls .btn { min-height: 46px; min-width: 145px; font-size: 12px; padding: 12px 17px; }
.cockpit-arrival .arrival-controls .btn.outline { background: #061c2c; color: #a9ddf6; border-color: #296994; }
.cockpit-arrival .arrival-controls .btn.primary { background: #0967b9; color: #fff; border-color: #47b8ff; }
.arrival-demo { color: #557f9d; font-size: 9px; margin-top: 20px; }
body.command-arriving { overflow: hidden; }
html[lang="ar"] .command-nav-group > h2,html[lang="ar"] .command-access-kicker { letter-spacing: 0; }
html[lang="ar"] .command-auth-scene > h2 { line-height: 1.3; letter-spacing: 0; }
html[lang="ar"] .arrival-controls [data-arrival-skip] > i { transform: rotate(180deg); }
html[lang="ar"] .arrival-name { line-height: 1.35; letter-spacing: 0; }

html[data-theme="light"] .rail.command-rail { background: linear-gradient(170deg,#f7fcff,#e4eff8); border-inline-end-color: #b0cddd; color: #143650; box-shadow: 8px 0 30px #2469a00a; }
html[data-theme="light"] .command-rail-heading,html[data-theme="light"] .command-rail-bottom { border-color: #c4d9e7; }
html[data-theme="light"] .command-rail-heading small,html[data-theme="light"] .command-nav-group > h2 { color: #5b7a92; }
html[data-theme="light"] .rail.command-rail .command-nav-group > a { color: #35566f; }
html[data-theme="light"] .rail.command-rail .command-nav-group > a:hover { background: #d7eaf8; border-color: #a7cbe3; color: #133c5b; }
html[data-theme="light"] .rail.command-rail .command-nav-group > a.active { background: linear-gradient(100deg,#bfdef6,#e3f1fb); border-color: #7cb7df; color: #074d80; }
html[data-theme="light"] .command-nav-icon { background: #edf7ff; border-color: #b6d6ed; color: #236894; }
html[data-theme="light"] .command-nav-group > a.active .command-nav-icon { background: #166da6; color: #fff; border-color: #349bda; }
html[data-theme="light"] .command-rail-bottom { background: #deedf7; }
html[data-theme="light"] .command-rail-signal,html[data-theme="light"] .rail.command-rail .command-switch { color: #4d718b; }
html[data-theme="light"] .rail.command-rail .command-pilot { background: #f1f9ff; border-color: #abcce1; }
html[data-theme="light"] .command-pilot b { color: #1a3f59; }
html[data-theme="light"] .command-pilot small { color: #50778f; }
html[data-theme="light"] .command-heading { background: linear-gradient(110deg,#f5fcff,#dfedf8); }
html[data-theme="light"] .command-heading h1 { color: #143851; }
html[data-theme="light"] .command-heading p { color: #4d6d85; }
html[data-theme="light"] .command-heading .eyebrow { color: #1379a8; }
html[data-theme="light"] .command-workspace .metric { background: linear-gradient(145deg,#d1e8fa88,transparent 75%),var(--panel); }
html[data-theme="light"] .auth-page { background: #e8f1f8; }
html[data-theme="light"] .auth-page .topbar { background: #f4faff; border-color: #b7d3e6; }
html[data-theme="light"] .command-auth-scene > h2 { color: #133a58; }
html[data-theme="light"] .command-auth-scene .command-access-gradient { color: #007aae; }
html[data-theme="light"] .command-auth-copy { color: #4b718b; }
html[data-theme="light"] .command-access-kicker,html[data-theme="light"] .command-access-features { color: #366884; }
html[data-theme="light"] .auth-page .command-auth-card { background: linear-gradient(150deg,#fff,#f0f8fe); border-color: #94bedb; box-shadow: 0 0 32px #2883bd17,0 25px 65px #244c7524; }
html[data-theme="light"] .command-auth-card h1 { color: #143f60; }
html[data-theme="light"] .command-auth-card > .hint,html[data-theme="light"] .command-auth-card .auth-footer { color: #52748e; }
html[data-theme="light"] .command-auth-card .field,html[data-theme="light"] .command-auth-card .checkbox-label { color: #385f7a; }
html[data-theme="light"] .command-auth-card input:not([type="checkbox"]) { color: #193e59; background: #f8fcff; border-color: #aac8df; }
html[data-theme="light"] .command-auth-card > .brand > img { filter: brightness(0) saturate(100%) invert(22%) sepia(51%) saturate(833%) hue-rotate(160deg); }
html[data-theme="light"] .command-auth-card .auth-footer > a,html[data-theme="light"] .command-auth-card .admin-entry { color: #006a9e; }
html[data-theme="light"] .command-auth-footer,html[data-theme="light"] .command-auth-ambient { color: #4e7893; }

@keyframes command-candle-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes command-grid-flight { to { background-position: 0 165px; } }
@keyframes command-airlock-left { to { transform: translateX(-100%); } }
@keyframes command-airlock-right { to { transform: translateX(100%); } }
@keyframes command-arrival-reveal { from { opacity: 0; transform: translateY(18px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes command-arrival-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes command-pilot-orbit { to { transform: rotate(360deg); } }

@media (max-width: 900px) {
  body.command-workspace,body.command-workspace.command-rail-folded { --command-rail-width: 0px; --rail: 0px; }
  .command-workspace .rail.command-rail { inset-block: 0; width: min(290px,calc(100vw - 35px)); z-index: 110; visibility: hidden; transform: translateX(-105%); transition: transform .22s,visibility .22s; }
  html[dir="rtl"] .command-workspace .rail.command-rail { transform: translateX(105%); }
  .command-workspace.command-menu-open .rail.command-rail { visibility: visible; transform: none; }
  body.command-menu-open { overflow: hidden; }
  .command-rail .command-rail-close { display: inline-flex; margin-inline-start: auto; min-width: 40px; height: 40px; }
  .command-rail-folded .command-rail-heading > div,.command-rail-folded .command-nav-label,.command-rail-folded .command-pilot > span { display: block !important; }
  .command-rail-folded .command-nav-indicator,.command-rail-folded .command-pilot > i,.command-rail-folded .command-rail-signal,.command-rail-folded .command-switch { display: flex !important; }
  .command-rail-folded .command-nav-group > h2 { height: auto; overflow: visible; color: #7e9db8; background: none; margin: 0 10px 10px; }
  .command-rail-folded .rail.command-rail .command-nav-group > a,.command-rail-folded .rail.command-rail .command-pilot { justify-content: flex-start; }
  .command-heading { padding: 22px; }
  .auth-page .command-auth-shell { gap: 30px; padding-inline: 32px; grid-template-columns: minmax(0,1fr) minmax(340px,400px); }
  .command-auth-ambient { inset-inline: 32px; }
}
@media (max-width: 800px) {
  .auth-page .command-auth-shell { grid-template-columns: minmax(0,1fr); gap: 30px; padding: 52px 24px 25px; max-width: 600px; }
  .auth-page .command-auth-card { grid-row: 1; margin-inline: auto; }
  .command-auth-scene { grid-row: 2; }
  .command-auth-scene > h2 { display: inline; font-size: 29px; }
  .command-auth-scene .command-access-gradient { margin-inline-start: 6px; }
  .command-auth-copy { font-size: 12px; margin-top: 10px; }
  .command-access-kicker { font-size: 9px; margin-bottom: 13px; }
  .command-market { margin-top: 20px; }
  .command-market .command-candles { max-height: 150px; }
}
@media (max-width: 600px) {
  body.command-workspace > main { padding: 18px 14px 24px; }
  .command-workspace .topbar { gap: 4px; padding-inline: 10px; }
  .command-workspace .topbar .brand { margin-inline-end: auto; }
  .command-workspace .command-nav-toggle { order: -1; }
  .command-heading { padding: 20px 17px; gap: 14px; }
  .command-heading h1 { font-size: 26px; }
  .command-heading p { font-size: 11px; }
  .command-heading .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .command-avatar-editor { align-items: flex-start; gap: 12px; }
  .command-avatar-editor > img { width: 58px; height: 58px; }
  .command-avatar-editor .btn { font-size: 11px; }
  .auth-page .command-auth-shell { padding-inline: 17px; gap: 28px; }
  .command-auth-ambient { inset-inline: 20px; letter-spacing: 1px; font-size: 8px; }
  .auth-page .command-auth-card { padding: 27px 22px; }
  .command-auth-card h1 { font-size: 24px; }
  .command-auth-card > .brand { margin-bottom: 20px; }
  .command-market { padding: 17px 16px 12px; }
  .command-auth-footer { font-size: 8px; line-height: 1.6; }
  dialog.cockpit-arrival { padding: 25px 18px; }
  .arrival-topline { font-size: 7px; letter-spacing: 1px; }
  .arrival-content { margin-block: 30px 22px; }
  .arrival-portrait { width: 90px; height: 90px; }
  .arrival-content > p { font-size: 12px; }
  .arrival-route { gap: 7px; font-size: 9px; }
  .arrival-route > i { width: 17px; }
  .arrival-controls { gap: 10px; }
  .cockpit-arrival .arrival-controls .btn { min-width: 130px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .command-candle,.arrival-grid,.arrival-door,.arrival-content,.arrival-progress > span,.arrival-portrait > span { animation: none !important; }
  .command-workspace .rail.command-rail { transition: none; }
}